Hệ thống quản lý trường học bằng PHP / MySQLi
1
2 <?php
3 include("connect.php");
4 ?>
5 <?php
6 SESSION_START();
7 ?>
8 <!DOCTYPE html>
9 <html>
10
11 <head>
12 <meta charset="utf-8">
13 <meta name="viewport" content="width=device-width, initial-scale=1.0">
14 <title>school management system</title>
15 <link rel="shortcut icon" href="assets/img/title.gif" type="image/x-icon">
16 <link rel="stylesheet" href="assets/css/bootstrap.min.css">
17 <link href="assets/css/loader.css" rel="stylesheet" />
18 <script src="assets/js/canvasjs.min.js"></script>
19 <!--*****jquery -3.2.1.js file supports the use of dropdown***-->
20 <script src="assets/js/jquery-3.2.1.js"></script>
21
22
23 <!--***************the year search text box*************************************************-->
24 <script>
25 function myFunction() {
26 // Declare variables
27 var input, filter, table, tr, td, i;
28 input = document.getElementById("myInput");
29 filter = input.value.toUpperCase();
30 table = document.getElementById("myTable");
31 tr = table.getElementsByTagName("tr");
32
33 // Loop through all table rows, and hide those who don't match the search query
34 for (i = 0; i < tr.length; i++) {
35 td = tr[i].getElementsByTagName("td")[1];
36 if (td) {
37 if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
38 tr[i].style.display = "";
39 } else {
40 tr[i].style.display = "none";
41 }
42 }
43 }
44 }
45 </script>
46 <!--***************the year search text box*************************************************-->
47 <script>
48 function myFunction2() {
49 // Declare variables
50 var input, filter, table, tr, td, i;
51 input = document.getElementById("myInput2");
52 filter = input.value.toUpperCase();
53 table = document.getElementById("myTable");
54 tr = table.getElementsByTagName("tr");
55
56 // Loop through all table rows, and hide those who don't match the search query
57 for (i = 0; i < tr.length; i++) {
58 td = tr[i].getElementsByTagName("td")[2];
59 if (td) {
60 if (td.innerHTML.toUpperCase().indexOf(filter) > -1) {
61 tr[i].style.display = "";
62 } else {
63 tr[i].style.display = "none";
64 }
65 }
66 }
67 }
68 </script>
69
70 </head>
71
72 <body >
73 <!--end of heading section-->
74 <ul class="nav navbar-right top-nav">
75 <div class="dropdown">
76 <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" >
77 <?php
78 //Check to see if the user is logged in.if not redirect user to the loging page.
79
80 if(isset($_SESSION['fname']))
81 {
82 echo "Current user: ".$_SESSION['fname']. " ".$_SESSION['lname']. " ";
83 }else{
84 echo "<script type='text/javascript'>
85 alert( 'You must Log in to use the system');
86 </script>";
87 echo "<script>
88 window.location = 'index.php'
89 </script>";
90 }
91 ?>
92 <span class="caret"></span></button>
93 <ul class="dropdown-menu">
94 <li><a href="manage_account.php"><i class="fa fa-users fa-lg"></i> View User</a></li>
95 <li><a href="register_form.php"><i class="fa fa-users fa-lg"></i> Add New User</a></li>
96 <li class="divider"></li>
97 <li><a href="session_logout.php"><i class="fa fa-fw fa-power-off"></i> Log Out</a></li>
98 </ul>
99 </div>
100 </ul>
101 <!--************************************************-->
102 <div style="
103 font-family:Nyala, Arial;
104 text-align: left;
105 background-color: #526F35;
106 padding: 20px;
107 color:white;
108 width: 100%;
109 height: 150px;">
110 <!--This codes to load the image loader-->
111 <div id="loading">
112 <img id="loading-image" src="assets/img/loader.gif" alt="Loading..." />
113 </div>
114 <!--this is the heading section-->
115 <h2>
116 <?php
117 $sql="SELECT * FROM companyinfo";
118 $result=mysqli_query($db,$sql) or die("error getting data");
119 $num_rows=mysqli_num_rows($result);
120 while($row=mysqli_fetch_array($result))
121 {
122 echo '<image style="height:82px; width:82px;" src="data:image;base64,'. $row['clogo'].' "> ';
123 $cname = $row['cname'];
124 $cemail = $row['cemail'];
125 $ccontact = $row['ccontact'];
126 $clocation = $row['clocation'];
127 }?>
128 <?php
129 echo $cname;
130 ?>
131
132 <div style="float:right; font-size:20px;text-align:right;">
133
134 <img src="assets/img/mail2.png">Email: <?php echo $cemail; ?><br>
135 <img src="assets/img/call1.png">Contact:<?php echo $ccontact; ?><br>
136 <img src="assets/img/location.png">Location: <?php echo $clocation; ?>
137
138 </div>
139 </h2>
140 </div>
141 <!--end of heading section-->
142
143 <div>
144 <ul class="nav nav-tabs">
145 <li ><a href="homepage.php" >Administration <img src="assets/img/details.png"></a></li>
146 <li ><a href="students.php" >Students <img src="assets/img/student48.png"></a></li>
147 <li class="active"><a href="staff.php">Staff Member <img src="assets/img/staff48.png"></a></li>
148 <li><a href="course.php" >Courses <img src="assets/img/course.png"></a></li>
149 <li><a href="departments.php" >Departments <img src="assets/img/department.png"></a></li>
150 <li><a href="markstep1.php" >Exams <img src="assets/img/update.png"></a></li>
151 <li><a href="hostel.php" >Hostel <img src="assets/img/details.png"></a></li>
152 <li><a href="sms.php">SMS <img src="assets/img/details.png"></a></li>
153 <!--<li><a href="tab-8" role="tab" data-toggle="tab">Hostel <img src="assets/img/details.png"></a></li>
154 <li><a href="tab-7" role="tab" data-toggle="tab">Parents <img src="assets/img/details.png"></a></li>-->
155
156 </ul>
157 <div class="tab-content">
158 <div class="tab-pane active" role="tabpanel" id="tab-1">
159
160 <p>
161 <div class="table-responsive" >
162 <!--****************************************************************************-->
163 <div class="container" style="width:100%">
164
165 <ul class="nav nav-tabs">
166 <li ><a href="staff.php">New Staff Member <img src="assets/img/new.png"> </a></li>
167 <li class="active"><a href="viewstaff.php">View List<img src="assets/img/view2.png"></a></li>
168 <li ><a href="edit_staff.php">Edit Staff <img src="assets/img/import.png"></a></li>
169 <li ><a href="staff_reports.php">Reports <img src="assets/img/import.png"></a></li>
170 </ul>
171 <br>
172
173 </div>
174 <!--*************************************************************************************************************************-->
175 <div id="page-wrapper">
176 <div class="container-fluid">
177
178
179 <!-- Page Heading -->
180 <nav>
181
182
183
184 <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
185 <div class="modal-dialog">
186 <div class="modal-content">
187 <div class="modal-header">
188 <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
189 <h4 class="modal-title" id="myModalLabel">Confirmation</h4>
190 </div>
191 <div class="modal-body">
192 Are you to sure you want to delete this?
193 </div>
194 <div class="modal-footer">
195 <form method = "POST">
196 <input type="submit" name="delete" value = "Delete" class="btn btn-danger">
197
198 <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
199
200 </div>
201 </div>
202 </div>
203 </div>
204 <?php
205 if(isset($_POST['delete'])){
206 $id=$_POST['selector'];
207
208 $N = count($id);
209 for($i=0; $i < $N; $i++)
210 {
211 $result = mysqli_query("DELETE FROM staff where staff_id='$id[$i]'");
212 }
213 }
214 ?>
215 <!-- block -->
216 <div id="block_bg" class="block">
217 <div class="navbar navbar-inner block-header">
218 <table>
219 <tr>
220 <td><a button type='button' class="btn btn-primary" href="staff.php"><--</a></td>
221 <td><a button type='button' href="#" class="btn btn-primary glyphicon glyphicon-print"></a></td>
222 <td><label>Search using Admission number</label></td>
223 <td><input type="text" name="myInput" id="myInput" class="form-control"
224 placeholder="Adm no" onkeyup="myFunction()"></td>
225 <td><label>Name</label></td>
226 <td><input type="text" name="myInput2" id="myInput2" class="form-control"
227 placeholder="Name" onkeyup="myFunction2()"></td></tr></table>
228
229 <div class="block-content collapse in">
230 <div class="span12">
231
232 <form method="post">
233 <div class="table-responsive">
234 <table cellpadding="0" cellspacing="0" border="0" class="table" id="myTable">
235
236 <thead>
237 <tr>
238 <th></th>
239 <th><center>Staff #.</center></th>
240 <th><center>Name</center></th>
241 <th><center>Gender</center></th>
242 <th><center>Department/Class</center></th>
243 <th><center>Mobile</center></th>
244 <th><center>ID NO.</center></th>
245 <th><center>Appointment Date</center></th>
246 <th><center>Roles/Designation</center></th>
247 <th><center>Edit</center></th>
248 <script src="assets/js/jquery.dataTables.min.js"></script>
249 <script src="assets/js/DT_bootstrap.js"></script>
250 <th></th>
251 </tr>
252 </thead>
253 <tbody>
254 <?php
255
256
257 $sql ="SELECT * from staff";
258 $user_query=mysqli_query($db,$sql) or die("error getting data");
259 while($row = mysqli_fetch_array($user_query)){
260 $id = $row['staff_id'];
261
262 ?>
263 <tr>
264 <td width="30">
265 <input id="optionsCheckbox" class="uniform_on" name="selector[]" type="checkbox" value="<?php echo $id; ?>">
266 </td>
267 <td><center><?php echo $row['staff_id']; ?></center></td>
268 <td><center><?php echo $row['sirname']." ".$row['firstname']." ".$row['lastname']; ?></center></td>
269 <td><center><?php echo $row['gender']; ?></center></td>
270 <td><center><?php echo $row['department_id']; ?></center></td>
271 <td><center><?php echo $row['mobile']; ?></center></td>
272 <td><center><?php echo $row['idno']; ?></center></td>
273 <td><center><?php echo $row['doa']; ?></center></td>
274 <td><center><?php echo $row['roles']; ?></center></td>
275
276 <td>
277 <center><a href="edit_staff.php <?php echo '?id='.$id; ?>" class="btn btn-success"><i class="glyphicon glyphicon-edit"></i>Edit</a></center></td>
278
279
280 </tr>
281 <?php } ?>
282 </tbody>
283 </table>
284 </form>
285
286
287 </div>
288 </div>
289 </div>
290 </div>
291 <!-- /.container-fluid -->
292
293 </div>
294 <!-- /#page-wrapper -->
295 </div>
296 <!--*********************************************************************************-->
297 <div class="col-md-12" style="background-color:#526F35; bottom:0px;position:fixed;">
298 <p class="text-center text-danger" style="color:white;" >@J. Muthama Tel: +254729734768</p>
299 </div>
300 <script src="assets/js/jquery.min.js"></script>
301 <script src="assets/bootstrap/js/bootstrap.min.js"></script>
302 <script src="assets/js/affix.js"></script>
303 <script src="assets/js/alert.js"></script>
304 <script src="assets/js/alert1.js"></script>
305 <script src="assets/js/bootstrap.js"></script>
306 <script src="assets/js/bootstrap.min.js"></script>
307 <script src="assets/js/bootstrap-datepicker.js"></script>
308 <script src="assets/js/bootstrap-wysihtml5.js"></script>
309 <script src="assets/js/button.js"></script>
310 <script src="assets/js/carousel.js"></script>
311 <script src="assets/js/chosen.jquery.min.js"></script>
312 <script src="assets/js/ckeditor.js"></script>
313 <script src="assets/js/collapse.js"></script>
314 <script src="assets/js/color.js"></script>
315 <script src="assets/js/dropdown.js"></script>
316 <script src="assets/js/DT_bootstrap.js"></script>
317 <script src="assets/js/dynamic.js"></script>
318 <script src="assets/js/ie-emulation-modes-warning.js"></script>
319 <script src="assets/js/jquery.dataTables.js"></script>
320 <script src="assets/js/jquery.dataTables.min.js"></script>
321 <script src="assets/js/jquery.dialog.js"></script>
322 <script src="assets/js/jquery.hoverdir.js"></script>
323 <script src="assets/js/jquery.jgrowl.js"></script>
324 <script src="assets/js/jquery.knob.js"></script>
325 <script src="assets/js/jquery.uniform.min.js"></script>
326 <script src="assets/js/jquery-1.8.3.min.js"></script>
327 <script src="assets/js/jquery-1.9.1.js"></script>
328 <script src="assets/js/jquery-1.9.1.min.js"></script>
329 <script src="assets/js/jquery-1.10.2.js"></script>
330 <script src="assets/js/jquery-1.11.0.js"></script>
331 <script src="assets/js/jquery-ui-1.9.2.custom.min.js"></script>
332 <script src="assets/js/jquery-ui-1.10.3.js"></script>
333 <script src="assets/js/modal.js"></script>
334 <script src="assets/js/modernizr-2.6.2-respond-1.1.0.min.js"></script>
335 <script src="assets/js/myjquery.js"></script>
336 <script src="assets/js/myjquery1.js"></script>
337 <script src="assets/js/npm.js"></script>
338 <script src="assets/js/popover.js"></script>
339 <script src="assets/js/profile.js"></script>
340 <script src="assets/js/raphael-min.js"></script>
341 <script src="assets/js/sb-admin-2.js"></script>
342 <script src="assets/js/scripts.js"></script>
343 <script src="assets/js/scrollspy.js"></script>
344 <script src="assets/js/tab.js"></script>
345 <script src="assets/js/tooltip.js"></script>
346 <script src="assets/js/transition.js"></script>
347 <script src="assets/js/wysihtml5-0.3.0.js"></script>
348 <script language="javascript" type="text/javascript">
349 $(window).load(function()
350 {
351 $('#loading').hide();
352 });
353 </script>
354 </body>
355
356 </html>